<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>页面注册</title>
</head>
<body>
    <form action="#" method="post">
        <table border="1px" cellspacing="0px" cellpadding="1px">
            <!-- //10行3列用快捷键 table>tr*10>td*3 -->
            <table>
                <tr>
                    <!-- 跨3列 -->
                    <td colspan="3">
                        <!-- &nbsp表示空格 -->
                        <!-- <font>标签是一个设置文本文字样式的标签 -->
                     <font color="yellow">会员注册</font>&nbsp;&nbsp;USER REGISTER
                    </td>
                    <!-- <td></td>
                    <td></td> -->
                </tr>
                <tr>
                    <td>用户名</td>
                    <td colspan="2">
                        <!-- text	规定用于验证输入字段的模式 -->
                        <!-- placeholder 属性提供可描述输入字段预期值的提示信息 -->
                        <!-- input标签是规定用户可输入数据的输入字段，同时也是一个简单的HTML表单 -->
                        <input type="text" placeholder="请输入用户名" name="username" size="30">                            
                    </td>
                    <!-- <td></td> -->
                </tr>
                <!--密码、确认密码、Email和姓名都是第三步一样；-->
                <tr>
                    <td>密码</td>
                    <td colspan="2">
                        <input type="password" placeholder="请输入密码" name="password" size="30px">
                    </td>
                    <!-- <td></td> -->
                </tr>
                <tr>
                    <td>确认密码</td>
                    <td colspan="2">
                        <input type="password" placeholder="请输入确认密码" name="repassword" size="30px">
                    </td>
                    <!-- <td></td> -->
                </tr>
                <tr>
                    <td>Email</td>
                    <td colspan="2">
                        <input type="email" placeholder="Email" name="email" size="30px">
                    </td>
                    <!-- <td></td> -->
                </tr>
                <tr>
                    <td>姓名</td>
                    <td colspan="2">
                        <input type="text" placeholder="请输入姓名" name="realname" size="30px">
                    </td>
                    <!-- <td></td> -->
                </tr>
                <!-- 性别，input标签类型是radio,并设置女的input标签为checked="checked"; -->
                <tr>
                    <td>性别</td>
                    <td colspan="2">
                        <!-- radio通常用在组中 - 用于描述一组相关选项的单选按钮的集合 -->
                         <!-- 
                          label标签表示为表单项定义标注，即可以通过for属性值关联其他标签的id属性值，这样我们
                           只需要点击label标签的文本就可以找到关联的标签
                            -->
                        <input type="radio" name="sex" id="male"><label for="male">男</label>
                        <input type="radio" name="sex" id="male"><label for="female">女</label>
                    </td>
                    <!-- <td></td> -->
                </tr>
                <tr>
                    <td>出生日期</td>
                    <td colspan="2">
                        <input type="date" name="birthday">
                    </td>
                    <!-- <td></td> -->
                </tr>
                <tr>
                    <td>验证码</td>
                    <td>
                        <!-- checkcode一个布尔属性，表示该复选框是否被默认选中（当页面加载时）。它不表示这个复选框当前是否被选中：如果复选框的状态被改变，这个内容属性不反映这个变化。 -->
                        <input type="text" name="checkcode" size="15px">
                    </td>
                    <td>
                        <!-- 1.使用img标签引入图片，常见属性： -->
                        <!-- 1）src：表示引入图片的路径   -->
                        <img src="../img/abc.jpg" width="50px" height="30px">
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td>
                        <!-- submit元素的 value 属性包含一个展示在按钮标签上的字符串。如果没有指定 value 属性，按钮就不会拥有真值。 -->
                        <!-- <input type="submit" value="注册"> -->
                        <button style="background-color: #fc052e;">注册</button>
                    </td>
                    <td></td>
                </tr>
            </table>
        </table>
    </form>
</body>
</html>